
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      loop :true,
      autoplay: {
        delay: 3000,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  

  $(document).scroll(function() {
        if($(document).scrollTop() >= 400) {
          $("#lits").fadeIn(400);
          console.log($(document).scrollTop());
          var i = Math.floor(($(document).scrollTop() - 500) / 600);
          $("ul li").eq(i).addClass("active");
          $("ul li").eq(i).siblings().removeClass("active")
        }else{
          $("#lits").fadeOut(300);
        }
      })
      
      
      $("ul li").not(".last").click(function() {
        $("body,html").animate({ "scrollTop": $(this).index() * 700 + 500 }, 666)
      })
      
      $(".last").click(function(){
        document.documentElement.scrollTop = 0;
      });
















    

